<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.min.js"></script>
</head>
<body>
<!-- 准备用于显示图表的容器 -->

<div className="dlsFirst">
    <div id="radarChart" style="width: 600px;height:400px;"></div>
</div>

<script>


    // 基于准备好的dom，初始化echarts实例


    var myChart = echarts.init(document.getElementById('radarChart'));


    option = {
        title: {
            text: '百分比'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            left: 'center',
            data: [  '户数百分比','金额百分比'  ]
        },
        radar: [
            {
                indicator: [
                    { text: '客户A', max: 100 },
                    { text: '客户B', max: 100 },
                    { text: '客户C', max: 100 },
                    { text: '客户D', max: 100 },
                    { text: '客户E', max: 100 }
                ],
                center: ['25%', '40%'],
                radius: 80
            },

        ],
        series: [
            {
                type: 'radar',
                tooltip: {
                    trigger: 'item'
                },
                areaStyle: {},
                data: [
                    {
                        value: [60, 73, 85, 40,55],
                        name: '户数百分比'
                    },
                    {
                        value: [30, 35, 45, 25,44],
                        name: '金额百分比'
                    }
                ]
            },


        ]
    };


    myChart.setOption(option);



</script>
</body>
</html>